<template>
  <div id="app">
    <!-- <div id="nav">
      <router-link to="/">Home</router-link>
    </div> -->
    <router-view  class="app-main"/>
  </div>
</template>

<style>
#app {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: auto;
  width: 100vw;
  background: #2c3e50;
}

.app-main {
    flex: 1;
    overflow: auto;
    width: 100vw;
}

#nav a {
  font-weight: bold;
  color: #2c3e50;
}

button,input,textarea {
    outline: none;
}
 div,button,a,span,p,img,li,ul,b,i,svg {
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
 }
</style>
